//用户管理界面调后台的接口
$(function(){
    var area,age, page, searchKey, sex = $(".user-sex").children('option:selected').val(),
        allPage,zhi;//总页数,,用来给分页插件赋值;

    //页面初始化      加载地区列表   地区从后台获取;
    function getAreaList()
    {
        $.ajax({
            type:'get',
            headers: {"Accept-CMS-Token":token},
            url:arealist,
            dataType:'json',
            success:function (result){
                if(result.resultCode == 200)
                {
                    var areaList=result.value.list;
                    var len=areaList.length;
                    var str='';
                    for( var i=0;i<len;i++ )
                    {
                        str+='<option value="'+areaList[i].id+'">'+areaList[i].fullName+'</option>';
                    };
                    $('.areaList').append(str);

                    console.log('地区列表请求成功!!!!')
                }
                else if(result.resultCode == 515)
                {
                    reLogin();
                }
                else
                {
                    alert('接口非200,非515')
                };
            },
            error:function(){
                console.log('地区列表请求失败')
            }
        });
    };
    getAreaList();

    // ajax请求成功后执行该函数
    function successFn(result)
    {
        if( result.resultCode==200 )
        {
            var init=result.value.list;//整个用户的数据信息;
            allPage=result.count;//总页数;
            $('.init-value tr td').html('');
            if( init != null )
            {
                //清空表格
                clearTable();
                for(var i=0;i<init.length;i++)
                {
                    $('.init-value').append('<tr></tr>');
                    $('.init-value tr').eq(i+1).append('<td>'+init[i].id+'</td>');

                    $('.init-value tr').eq(i+1).append('<td>'+init[i].name+'</td>');

                    $('.init-value tr').eq(i+1).append('<td>'+init[i].phone+'</td>');

                    $('.init-value tr').eq(i+1).append('<td>'+sureSex(init[i].sex)+'</td>');

                    $('.init-value tr').eq(i+1).append('<td>'+init[i].age+'</td>');

                    $('.init-value tr').eq(i+1).append('<td>'+init[i].area+'</td>');

                    $('.init-value tr').eq(i+1).append('<td></td>');

                    $('.init-value tr').eq(i+1).append('<td>'+getMoth(init[i].createDate)+'</td>');

                    $('.init-value tr').eq(i+1).append('<td>暂时没有</td>');
                    $('.init-value tr').eq(i+1).append('<td>暂时没有</td>');
                    $('.init-value tr').eq(i+1).append('<td>暂时没有</td>');


                    $('.init-value tr').eq(i+1).append('<td><a class="look-user">查看</a></td>');

                };
            }
            else
            {
                clearTable();
                $('.init-value').append('<tr><td></td><td></td><td>您搜索的内容不存在</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>');
                hintUser();
                return allPage = 1;

            };
        }
        else if( result.resultCode==515 )
        {
            reLogin();
        }
        else
        {
            clearTable();
            $('.init-value').append('<tr><td></td><td></td><td>您搜索的内容不存在</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>');
            hintUser();
            return allPage = 1;
        };
        console.log('用户管理列表请求成功!!!!');
    };

    //清空表格当中的数据,并且追加表头
    function clearTable()
    {
        $('.init-value').html('');
        $('.init-value').append('<tr></tr>');
        $('.init-value tr').eq(0).append('<th>用户ID</th><th>姓名</th><th>手机号</th><th>性别</th><th>年龄</th><th>地区</th><th>手机型号</th><th>注册时间</th><th>优惠券</th><th>已使用优惠券</th><th>未使用优惠券</th><th>查看</th>');

    };

    //整个页面的搜索功能
    $('.user_admin_sou').click(function(){
        area = $(".areaList").children('option:selected').html();
        if(area == '全部')
        {
            area = '';
        };
        age = $(".user-age").children('option:selected').val();
        searchKey = $('input[name = "searchKey"]').val();
        sex = $(".user-sex").children('option:selected').val();
        zhi = various(area,age,1,searchKey,sex,10);
        getPage(zhi);
        // $('input[name = "searchKey"]').val('');
    });

    //当输入文本框中时,,,按下enter键,,,发起搜索,,,
    $(document).keydown(function(event){
        var ev = ev || event;

        if( ev.keyCode == 13 )
        {
            area = $(".areaList").children('option:selected').html();
            if(area == '全部')
            {
                area = '';
            };
            age = $(".user-age").children('option:selected').val();
            searchKey = $('input[name = "searchKey"]').val();
            sex = $(".user-sex").children('option:selected').val();
            zhi = various(area,age,1,searchKey,sex,10);
            getPage(zhi);
            // $('input[name = "searchKey"]').val('');
        };

    });

    // 每次有点击事件的时候就直接向这个函数里面传参数;
    function various(area,age,page,searchKey,sex,size)
    {//向后台发送ajax中要传送的参数;
        $.ajax({
            async:false,
            cache:false,
            type:'post',
            headers: {"Accept-CMS-Token":token},
            url:userlist,
            data:{
                area:area,
                age:age,
                page:page,
                searchKey:searchKey,
                sex:sex,
                size:size,
            },
            dataType:'json',
            success:successFn,
            error:function (){
                console.log('用户管理列表获取失败!!');
            },
        });
        return allPage;
    };

    //为整个页面初始化;
    various('','',1,'',sex,10);
    getPage(allPage);

    //跳转页面,查看用户的详细信息;   查看用户
    $(document).on('click','.look-user',function(){
        var x = $('.look-user').index(this);//获取到的是在整个页面当中.look-user这个类名的index;
        var can=$('.init-value tr').eq(x+1).children('td').eq(0).html();
        window.location.href = look_user+'?id='+can;
    });

    //将毫秒时间格式化为yyyy-MM-dd;
    function getMoth(str)
    {
        var oDate = new Date(str),
            oYear=oDate.getFullYear(),
            oMonth = oDate.getMonth()+1,
            oDay = oDate.getDate(),
            oTime = getzf(oYear) +'-'+ getzf(oMonth) +'-'+ getzf(oDay);//最后拼接时间
        return oTime;
    };

    //将日期补0操作
    function getzf(num)
    {
        if(parseInt(num) < 10){
            num = '0'+num;
        }
        return num;
    }

    // 为分页插件传递数据,分页插件初始化;
    function getPage(allPage)
    {
        $('.M-box2').pagination({
            pageCount:allPage,
            jump:true,
            coping:true,
            homePage:'首页',
            endPage:'末页',
            prevContent:'上页',
            nextContent:'下页',
            callback:function (api){//当点击页面当中的时候,会出发这个callback函数;;;;
                page = api.getCurrent()+"";//得到的是要跳转到的那一页的页码;
                area = $(".areaList").children('option:selected').html();
                if(area == '全部')
                {
                    area = '';
                };
                age = $(".user-age").children('option:selected').val();
                searchKey = $('input[name = "searchKey"]').val();
                sex = $(".user-sex").children('option:selected').val();
                // various(age,page,searchKey,sex,10);
                various(area,age,page,searchKey,sex,10)
            }
        });
    }

    // 每一个下拉菜单发生变化的时候,,,,向后台请求,,,对应的列表发生变化;
    function changeXiaLa(x)
    {
        $(x).change(function(){
            area = $(".areaList").children('option:selected').html();
            if(area == '全部')
            {
                area = '';
            };
            age = $(".user-age").children('option:selected').val();
            searchKey = $('input[name = "searchKey"]').val();
            sex = $(".user-sex").children('option:selected').val();
            zhi = various(area,age,1,searchKey,sex,10);
            getPage(zhi);
        });
    };
    changeXiaLa('.areaList');
    changeXiaLa('.user-sex');
    changeXiaLa('.user-age');

    // 当后台状态码是515时,让客户重新登录
    function reLogin()
    {
        alert('登录超时,请重新登录!');
        localStorage.clear();
        window.location.href = login_jump;
    };

    //根据后台返回的数据0和1来判断性别是男还是女
    function sureSex(sex)
    {
        if(sex != null || sex != '')
        {
            if( sex ==0 )
            {
                return '男';
            }
            else
            {
                return '女';
            };
        };
    };






});







